@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#fbb900;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
img{border:0}
.clear { zoom: 1; clear:both; }
.clear:after { content: ''; display: block; clear: both; }

.fl{ float:left;}
.fr{ float:right;}
.c1440{ width: 1440px; margin: auto; position: relative;}

@media screen and (max-width:1440px){
    .c1440{ width: 1200px; }
}
table,tr,td{ border: solid 1px #999;}


/*nav*/
.header{width: 100%; height:150px;  position: relative; top: 0; z-index:99999;  transition: all 0.8s ease; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1); }
.headerTop{ width: 100%; height: 40px; line-height: 40px; margin: auto; background-color: #333;  color: #fff; transform: translateY(0); transition: all 0.8s ease;  }
.headerTop .left{ font-size: 14px; font-weight: bold;}
.headerTop .right{ font-size: 16px; padding-left: 25px; background: url(../images/headerTel.png) center left no-repeat;}
.headerC{ width: 100%; height: 110px; background-color: #fbb900; margin: auto;  transition: all 0.8s ease; transform: translateY(0); }
.headerC .headerLogo a{display: block; margin: 20px 0; background: url(../images/headerLogo.png) center center no-repeat; width: 534px; height: 70px;}
.headerNav { margin: 30px 0;  }
.headerNav .nav{  height: 50px; margin: 0 0 ;}
.headerNav .nav li{ display: inline-block; width:120px; margin-left: 10px; text-align:center;position:relative;}
.headerNav .nav li:first-child{background:none;}
.headerNav .nav li h3 {font-weight:normal; font-size:16px;}
.headerNav .nav li h3 a{display:block;height:30px; padding: 10px 0; width:120px;font-size:16px; line-height: 30px; color:#333;}
.headerNav .nav li#seced h3 a,.nav li:hover h3 a{ background-color: #333; color: #fbb900;}
.headerNav .nav .m{z-index:99999;}
.headerNav .nav .sub{display:none;position:absolute;z-index:99999;background-color:rgba(251,185,0,0.95);-webkit-transform-origin: top center;-webkit-animation-duration:0.3s; animation-duration:0.3s;-moz-transform-origin: top center;-ms-transform-origin:top center;-o-transform-origin: top center;transform-origin: top center;text-transform: uppercase;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.headerNav .nav .sub dt{text-align:center;  width:120px; position: relative;}
.headerNav .nav .sub dt h5{font-weight: normal;}
.headerNav .nav .sub dt h5 a{display:block;border-top:1px solid #666; text-align: center; width: 90px; text-align: ; overflow: hidden; padding: 10px 15px ; font-size:12px; line-height:20px; color:#333; }
/* .headerNav .nav .sub dt i{ position: absolute; top: 50%; height: 10px; margin-top: -5px; width: 10px; right: 10px; background: url(../images/navIcon.png) center center no-repeat;} */
.headerNav .nav .sub dt:first-child h5 a{ }
.headerNav .nav .sub dt:hover h5 a,.headerNav .nav .sub dt#seced h5 a{ background-color: #333 ; color: #fbb900 ; opacity: 1;}
.headerNav .nav .sub dt:hover i{ background: url(../images/navIcon2.png) center center no-repeat;}
.headerNav .nav .sub dt#seced i{ background: url(../images/navIcon1.png) center center no-repeat;}

.headerNav .nav .three{display:none;position:absolute; left: 140px; top: 1px; z-index:99999;width:140px;background-color:rgba(251,185,0,0.95);-webkit-transform-origin: top center;-webkit-animation-duration:0.3s; animation-duration:0.3s;-moz-transform-origin: top center;-ms-transform-origin:top center;-o-transform-origin: top center;transform-origin: top center;text-transform: uppercase;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}

.headerNav .nav .three a{display:block;float: left; border-top:1px solid #666; width: 120px; overflow: hidden; padding: 10px ; font-size:12px; line-height:20px; color:#333;}
.headerNav .nav .three a:first-child{ border-top:0; }
.headerNav .nav .three a:hover,.headerNav .nav .three a.on{ color: #fbb900; background-color: #333;}

.is-fixed.mod-header {position:fixed;top:0; left: 0; width:100%; height: 110px; }
.is-fixed.mod-header .headerTop{ transform: translateY(-40px); opacity: 1;}
.is-fixed.mod-header .headerC{ transform: translateY(-40px); opacity: 1;} 


@media screen and (max-width:1440px){
    
.headerC .headerLogo a{display: block; margin: 23px 0; background: url(../images/headerLogo.png) center center no-repeat; width: 488px; height: 64px;background-size: 488px 64px;}

.headerNav .nav li{  width:100px; }
.headerNav .nav li h3 a{ width:100px;}
.headerNav .nav .sub dt{ width:100px; }
.headerNav .nav .sub dt h5 a{ width: 80px; padding: 10px 15px;}
.headerNav .nav .three{ left: 100px; width:100px;}
.headerNav .nav .three a{width: 100px; }
} 


/* indexBanner */
.indexBanner{width:100% ;position:relative;height:580px; min-width: 1200px;  margin:0 auto; z-index:1; transition: all 0.8s ease;}
.indexBanner .bd{margin:0 auto; width: 100%; position:relative;z-index:1;overflow:hidden;}
.indexBanner .bd ul{width:100% !important;}
.indexBanner .bd li{width:100% !important; height:580px; overflow:hidden; text-align:center;}
.indexBanner .bd li a{display:block; width:100% !important; height:580px;}
.indexBanner .hd{width:100%;position:absolute;z-index:2;bottom:40px;left:0;height:6px;}
.indexBanner .hd ul{text-align:center;}
.indexBanner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:16px; overflow: hidden;  height:16px;margin:0 10px;overflow:hidden; background-color: #fff; line-height:999px; transition: all 0.8s ease;}
.indexBanner .hd ul .on{ background-color: #fbb900;  transition: all 0.8s ease;}


/* indexSearch */
.indexSearch{ width: 100%; height: 50px; padding: 20px 0; position: relative; background-color: #fff; margin: auto; border-bottom:solid 1px #eee; }
.indexSearch .left{ width: 910px; line-height: 30px; padding: 15px 0;}
.indexSearch .left span{ font-size: 16px; font-weight: bold; color: #333;}
.indexSearch .left a{ font-size: 16px; color: #999; margin-right: 20px;}
.indexSearch .left a:hover{ color: #fbb900;}
.indexSearch .right{ width: 290px;}
.indexSearch form{ width: 290px; height: 50px;  overflow: hidden; margin: auto; position: relative;}
.indexSearch form .inputBox{ width: 210px; height: 50px; line-height: 50px; border: 0; border-radius: 25px; overflow: hidden; background-color: #333; position: relative; z-index: 1; padding: 0 55px 0 25px; font-size: 14px; color: #fff;}
.indexSearch form .inputBox::-webkit-input-placeholder{color: #fff;font-size: 14px;}
.indexSearch form .inputBox:-moz-placeholder{color: #fff;opacity: 1;font-size: 14px;}
.indexSearch form .inputBox::-moz-placeholder{color: #fff;opacity: 1;font-size: 14px;}
.indexSearch form .inputBox:-ms-input-placeholder{color: #fff;font-size: 14px;}
.indexSearch form .inputBox:focus{ font-size: 14px; color: #fbb900;}
.indexSearch form .searchBox{ width: 20px; height: 20px; background: url(../images/searchIcon.png) center center no-repeat; position: absolute; top:15px ; right: 25px; z-index: 2; border: 0; padding: 0; cursor: pointer; overflow: hidden; line-height:999px;}
.indexSearch form .searchBox:hover{ background: url(../images/searchIcon1.png) center center no-repeat; }


@media screen and (max-width:1440px){
.indexSearch .left{ width: 850px; }

}

/* indexAbout */
.indexAbout{ width: 100%; margin: auto; padding:70px 0; background:#fff url(../images/aboutBg.png) repeat; }
.indexAbout .top{ width: 100%; text-align: center; font-size: 48px; color: #333;}
.indexAbout .about{ width: 100%; height: 420px; margin: 60px auto 0;}
.indexAbout .about .img{ width: 960px; height: 420px;}
.indexAbout .about .img img{ width: 960px; height: 420px; }
.indexAbout .about .right{ width: 400px; padding:50px 40px; position: relative; height: 320px; overflow: hidden; background:#fbb900 url(../images/AboutIcon.png) top -70px left -56px no-repeat;}
.indexAbout .about .right::after{ content: ''; width: 80px; height: 80px; z-index: 1; position: absolute; right: 40px; bottom: 30px; background: url(../images/ewellixIcon.png) center center no-repeat; }
.indexAbout .about .right .name{ font-size: 18px; color: #333; font-weight: bold; padding-bottom: 25px; border-bottom: solid 1px #333; position: relative; z-index: 2;}
.indexAbout .about .right .cont{ font-size: 16px; color: #333; line-height: 36px; margin: 15px 0; position: relative; z-index: 2;}
.indexAbout .about .right .more a{ float: left; display: block; margin-top: 10px; font-size: 16px; color: #fff; padding-right: 40px; background: url(../images/more1.png) right center no-repeat; position: relative; z-index: 2; }
.indexAbout .about .right .more a:hover{ color: #333; background: url(../images/more2.png) right center no-repeat;}
.factoryList{ width: 100%; margin-top: 40px; height: 320px; overflow: hidden; position:relative; }
.factoryList .bd{ padding:0; width: 100%; overflow: hidden; position: relative; z-index: 1;}
.factoryList .bd ul{ overflow:hidden; zoom:1; }
.factoryList .bd ul li{ margin-right:40px; width: 700px;  height: 320px; float:left; _display:inline; position: relative; overflow:hidden; text-align:center;  }
.factoryList .bd ul li img{width: 700px; height: 320px; transition: all 0.8s ease; }
.factoryList .bd ul li:hover img{ transform:scale(1.1);}
.factoryList .hd{ width: 100%; margin-top: 50px; display: table; text-align: center; word-spacing:-1em;}
.factoryList .hd li{ display: inline-block; width: 14px; height: 14px; border: solid 2px #fbb900; background-color:rgba(251,185,0,0); border-radius: 50%; overflow: hidden; margin: 0 13px; text-indent:-999px;}
.factoryList .hd li.on{ background-color: rgba(251,185,0, 1);}
.factoryList .prev,.factoryList .next{ position: absolute;  margin-top: -25px; top: 50%; width: 50px; height: 50px; z-index: 2;  transition: all 0.8s ease;}
.factoryList .prev{ left: 0; background:rgba(0, 0, 0, 0.8) url(../images/iconImg.png) no-repeat 0 -50px; transform: translateX(-50px);}
.factoryList .next{ right: 0; background:rgba(0, 0, 0, 0.8) url(../images/iconImg.png) no-repeat -50px -50px; transform: translateX(50px);}
.factoryList:hover .prev,.factoryList:hover .next{ transform: translateX(0); opacity: 1;}
.factoryList .prev:hover{ background:#fbb900 url(../images/iconImg1.png) no-repeat 0 -50px;}
.factoryList .next:hover{ background:#fbb900 url(../images/iconImg1.png) no-repeat -50px -50px;}


@media screen and (max-width:1440px){
.indexAbout .about{  height: 350px; }
.indexAbout .about .img{ width: 800px; height: 350px;}
.indexAbout .about .img img{ width: 800px; height: 350px; }
.indexAbout .about .right{ width: 340px; padding:35px 30px; height: 280px; }
.factoryList{ height: 267px; }
.factoryList .bd ul li{  width: 580px;  height: 267px; }
.factoryList .bd ul li img{width: 580px; height: 267px; }

}

#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 9999999;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 9999999;}
#boxer .boxer-close{background:rgba(0, 0, 0, 0.8) url(../images/iconImg.png) no-repeat 0 0px; cursor:pointer; display:block; height:50px; position:fixed; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#fbb900 url(../images/iconImg1.png) no-repeat 0px 0px;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.8) url(../images/iconImg.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:0px;}
#boxer .boxer-arrow.previous:hover{background:#fbb900 url(../images/iconImg1.png) no-repeat 0 -50px; left:0px;}
#boxer .boxer-arrow.next{background-position:-50px -50px; right:0px;}
#boxer .boxer-arrow.next:hover{background:#fbb900 url(../images/iconImg1.png) no-repeat -50px -50px;  right:0px;}
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;}
#boxer.loading .boxer-container{background: #fff url(../images/loading.gif) no-repeat center;}


/* indexProduct */
.indexProduct{ width: 100%; padding: 30px 0 70px; margin: auto;  background-color: #f9f9f9;}
.indexProduct .top{ width: 100%; text-align: center; font-size: 48px; color: #333;}
.productList{ width:100%; margin: 50px auto 0;  }
.productList .hd{  width: 100%;  position:relative; }
.productList .hd ul{ width: 100%; text-align: center; display: table; word-spacing:-1em; }
.productList .hd ul li{ padding:0 ; cursor:pointer; display: inline-block; line-height: 45px; }
.productList .hd ul li a{ font-size: 16px; color: #fbb900; background-color: #333; display: block; padding: 0 30px;}
.productList .hd ul li.on a{ background-color: #fbb900; color: #333; }
.productList .bd { width: 100%; margin-top: 60px;}
.productList .bd ul{ padding:0; width: 1460px;margin: 0 -10px;  zoom:1;  }
.productList .bd li{float: left; width: 345px; height: 265px; margin: 10px;  position: relative; overflow: hidden;}
.productList .bd li .img{ width: 345px; height: 265px; overflow: hidden; position: relative; z-index: 1;}
.productList .bd li .img img{ width: 345px; height: 265px; transition: all 0.8s ease;}
.productList .bd li .cont{ width: 305px; padding: 10px 20px; height: 245px; text-align: center; background: rgba(251,185,0, 0.9) url(../images/ewellixIcon.png) center center no-repeat; position: absolute; top: 0; left: 0; z-index: 2;  transform: translateY(215px);  transition: all 0.8s ease;}
.productList .bd li .cont .name{ transition: all 0.8s ease;}
.productList .bd li .cont .name a{ font-size: 16px; color: #333; line-height: 30px; }
.productList .bd li .cont .name a:hover{ font-weight: bold;}
.productList .bd li .cont .more a{ display: block; padding: 0 30px ; font-size: 16px; margin:30px auto 0; text-align: left; width: 100px; line-height: 40px; color: #333; border: solid 2px #333; background: url(../images/more2.png) right 30px center no-repeat;}
.productList .bd li .cont .more a:hover{ color: #fbb900; background:#333 url(../images/more3.png) right 30px center no-repeat;}
.productList .bd li:hover img{ transform:scale(1.1);}
.productList .bd li:hover .cont{ transform: translateY(0); opacity: 1;}
.productList .bd li:hover .name { margin:80px auto 0;}


@media screen and (max-width:1440px){
.productList .bd ul{ padding:0; width: 1220px;  }
.productList .bd li{float: left; width: 285px; height: 220px; }
.productList .bd li .img{ width: 285px; height: 220px; }
.productList .bd li .img img{ width: 285px; height: 220px; }
.productList .bd li .cont{ width: 245px; padding: 10px 20px; height: 200px;  transform: translateY(170px);}
.productList .bd li:hover .name { margin:50px auto 0;}

}



/* indexApplications */
.indexApplications{ width: 100%; padding: 70px 0; background-color: #e5e5e5;}
.indexApplications .top{ width: 100%; text-align: center; font-size: 48px; color: #333; margin-bottom: 50px;}
.Applications{ width:700px; height:320px; overflow:hidden; position:relative;  }
.Applications .bd{ position:relative; height:100%; z-index:0;   }
.Applications .bd li{ zoom:1; vertical-align:middle; }
.Applications .bd img{ width:700px; height:320px; display:block;  }
.Applications .prev,.Applications .next{ position:absolute;  bottom:0; margin-top:0; display:block; width:50px; height:50px; background:rgba(0,0,0,0.7) url(../images/iconImg.png)  no-repeat;   }
.Applications .next{ right:0; background-position:-50px -50px; }
.Applications .prev{ right: 51px; background-position:0 -50px; }
.Applications .prev:hover,.Applications .next:hover{ background:rgba(251,185,0, 1) url(../images/iconImg1.png)  no-repeat;  }
.Applications .prev:hover{ background-position:0 -50px;}
.Applications .next:hover{background-position:-50px -50px;}

@media screen and (max-width:1440px){
    
.Applications{ width:580px; height:267px; overflow:hidden; position:relative;  }
.Applications .bd img{ width:580px; height:267px; display:block;  }

    
}


/* footer */
footer{ width: 100%; margin: auto; padding: 0; position: relative; background:#000 url(../images/footerBg.jpg) center bottom 90px no-repeat;}
.footer { width: 100%; padding: 120px 0 100px; margin: auto;}
.footer .left{ width: 280px;}
.footer .left .footerLogo{ width: 251px; height: 60px; background: url(../images/footerLogo.png) center center no-repeat;}
.footer .left .tel{ width: 100%; margin-top: 20px;}
.footer .left .tel span{ font-size: 16px; color: #999; padding-left: 25px; background: url(../images/footerTel.png) left center no-repeat;}
.footer .left .tel p{ font-size: 36px; color: #fbb900; margin-top: 5px;}
.footer .mid{ width: 900px; margin: 0 50px;}
.footer .mid dl{ float: left; max-width: 110px; margin-left: 70px;}
.footer .mid dl dt{ position: relative; padding-bottom: 10px; margin-bottom: 15px;}
.footer .mid dl dt::after{ content: ''; width: 20px; height: 2px; background-color: rgba(251,185,0, 0.4); position: absolute; left: 0; bottom: 0;}
.footer .mid dl dt a{ font-size: 16px; }
.footer .mid dl dd{ float: left; margin: 4px 0; width: 100%;}
.footer .mid dl dd a{ line-height: 20px; font-size: 14px;}
.footer .mid dl a{ color: #999; font-weight: bold;}
.footer .mid dl a:hover{ color: #fbb900;}
.footer .right{ width: 140px; margin-top: 20px;}
.footer .right .list{ width: 100%; text-align: center; display: table; word-spacing:-1em; position: relative;}
.footer .right .list dl{ width: 20px; height: 20px; position: relative; margin: 0 10px; display: inline-block;}
.footer .right .list dl dt a{ display: block; width: 20px; height: 20px; background: url(../images/footerIcon.png) no-repeat;}
.footer .right .list dl dt a.qq{ background-position: 0 0;}
.footer .right .list dl dt a.weixin{ background-position: -20px 0;}
.footer .right .list dl dt a.weibo{ background-position: -40px 0;}
.footer .right .list dl dt a.qq:hover{ background-position: 0 -20px;}
.footer .right .list dl dt a.weixin:hover{ background-position: -20px -20px;}
.footer .right .list dl dt a.weibo:hover{ background-position: -40px -20px;}
.footer .right .list dl dd{ position: absolute; width: 82px; height: 82px; left: 50%; transform:scale(0); display: block; margin-left: -41px; bottom: 40px; transition: all 0.8s ease;}
.footer .right .list dl dd::after{ content: ''; border-radius: 0;position: absolute; bottom: -12px; margin-left: -6px; left: 50% ; width: 0; height: 0; border-width: 6px;
border-style: solid; border-color:#fbb900 transparent transparent transparent;}
.footer .right .list dl dd img{ width: 80px; height: 80px; border: solid 1px #fbb900;}
.footer .right .list dl:hover dd{ display: block; transform:scale(1);}
.footer .right .more{ width: 140px; margin-top: 20px; height: 45px; background-color: rgba(251,185,0, 0.8); transition: all 0.8s ease;}
.footer .right .more a{ width: 100px; padding: 0 20px; font-size: 16px; background:  url(../images/footerMore.png) right 20px center no-repeat; line-height: 45px; color: #333; display: block; transition: all 0.8s ease;}
.footer .right .more:hover{ background-color: rgba(251,185,0, 1); }
.footer .right .more:hover a{ width: 80px; padding: 0 30px; background:  url(../images/footerMore.png) right 30px center no-repeat; }

.copy{ width: 100%; padding: 15px 0; font-size: 14px; color: #666; text-align: center; text-transform: uppercase;}
.copy a{ color: #666;}
.copy a:hover{ color: #fbb900;}


@media screen and (max-width:1440px){
.footer .mid{ width: 720px; margin: 0 20px 0 40px;}
.footer .mid dl{ float: left; max-width: 100px; margin-left: 44px;}

}

/* pageBanner*/
.pageBanner{ width: 100%; position: relative; height: 260px; margin: auto; padding: 0; color: #fff; }
.pageBanner .name{ width: 100%; font-size: 40px; padding: 65px 0 20px 0; text-align: center; position: relative;}
.pageBanner .name::after{ width: 100px; height: 3px; content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -50px; background-color: #fbb900;}
.pageBanner .slogan{ width: 100%; text-align: center; font-size: 18px; margin-top: 20px;}



/* pageNav */
.pageNav{ width: 100%; height:70px ; border-bottom: solid 1px #eee;}
.pageNav .left{ height: 70px;}
.pageNav .left li{ float: left; line-height: 70px; margin-right: 2px; font-size: 16px;}
.pageNav .left li a{ display: block; color: #333; padding: 0 20px;}
.pageNav .left li:hover a,.pageNav .left li.selecte a{ color: #333; background-color: #fbb900;}
.pageNav .right {padding:25px 0 25px 12px; height: 20px; line-height:20px; height: 100%;background: url(../images/crumbsHome.png) no-repeat 0 ; font-size: 14px; color: #333;}
.pageNav .right a{float:left;padding:0 10px;font-size:14px; text-align: center; height: 100%; cursor: pointer; color: #333;}
.pageNav .right a{background: url(../images/crumbsIcon.png) no-repeat 0}
.pageNav .right a:first-child{ background: url() ;}
.pageNav .right a:hover{ color: #fbb900;text-decoration: underline;}

/* productNav */
.productNav { width: 100%; margin: auto; }
.productNav ul{ width: 100%; text-align: center; display: table; word-spacing:-1em; }
.productNav ul li{ padding:0 ; cursor:pointer; display: inline-block; line-height: 45px; margin: 0 10px; }
.productNav ul li a{ font-size: 16px; color: #fbb900; background-color: #333; display: block; padding: 0 30px;}
.productNav ul li.selecte a,.productNav ul li:hover a{ background-color: #fbb900; color: #333; }

/* pageTitle */
.pageTitle{ width: 100%; text-align: center; font-size: 32px; color: #333;}
.pageTitle p{ font-size: 18px; color: #aaa; margin-top: 5px; text-transform: uppercase;}

/* pages */
.pages { margin:40px 0; position:relative; text-align:center; font-size:12px;}
.pages a { display:inline-block; height:35px; line-height:35px; background:#fff; border-right: 3px; overflow: hidden; border:1px solid #eee; text-align:center; color:#333; padding:0 15px; margin-left:6px;}
.pages a.a1 { background:#fff; width:56px; padding:0; }
.pages a:hover { background:#fbb900;  border:1px solid #fbb900; color:#333; text-decoration:none }
.pages span { display:inline-block; height:35px; line-height:35px; background:#fbb900; border:1px solid #fbb900; color:#333; text-align:center; padding:0 15px; margin-left:6px; border-right: 3px; overflow: hidden;}

.pages1{ width: 100%; margin-top: 20px; }
.pages1 p{ max-width: 45%; overflow: hidden;  }
.pages1 p a{ color: #333; font-size: 14px;}
.pages1 p a:hover{ color: #fbb900; text-decoration: underline;}


/* pageContent */
.pageContent{  width: 100%; padding: 70 0; background-color: #fff; margin: auto; font-size: 16px; color: #333; line-height: 30px;}
.pageContent img{ max-width: 100%;}

/* pageAbout */
.pageAbout{ width: 100%; padding: 110px 0; background-color: #fff; margin: auto;}
.pageAbout .cont{ width: 100%; margin-top: 40px; font-size: 16px; color: #333; line-height: 38px;}
.pageAbout .cont img{max-width: 100%; }


/* pageBrand */
.pageBrand{ width: 100%; padding: 0; margin: auto; height: 500px; position: relative; background:#333 url(../images/BrandBg.jpg) center center no-repeat; background-attachment: fixed !important;  }
.pageBrand .pageTitle p{  color: #333;}
.pageBrand .cont{ float: right; width: 440px; height: 360px; overflow: hidden; padding:70px 70px; background-color: #fbb900; }
.pageBrand .cont .con{ font-size: 16px; line-height: 38px; margin-top: 40px; color: #333;}
.pageBrand .cont .con img{ max-width: 100%;}


/* pageFactory */
.pageFactory{ width: 100%; padding: 110px 0 ; margin: auto;}
.FactoryList{ width: 1340px; height: 460px; margin: 70px auto 0; position: relative; overflow: hidden;}
.FactoryList .left{ width: 1000px; height: 460px; position: relative;}
.FactoryList .bigImg{ width: 1000px; height: 460px; position: relative; overflow: hidden;}
.FactoryList .bigImg li {width: 1000px;height: 460px; position: relative; }
.FactoryList .bigImg li img{width: 1000px;height: 460px;  position: relative; z-index: 1;}
.FactoryList .smallScroll{height: 460px; position: relative; overflow: hidden; width: 305px;}
.FactoryList .sPrev,.FactoryList .sNext{display: block;width: 100%;height: 30px; z-index: 2; position: absolute; left: 0; text-indent: -9999px;background:rgba(0,0,0,0.4);}
.FactoryList .sPrev i,.FactoryList .sNext i{ width: 16px; height: 8px; margin: 11px auto ; display: block; background: url(../images/ImgIcon.png) no-repeat;}
.FactoryList .sPrev{ top: 0;}
.FactoryList .sPrev i{ background-position: 0 -16px;}
.FactoryList .sNext{ bottom: 0;}
.FactoryList .sNext i{ background-position: 0 -24px;}
.FactoryList .sPrev:hover,.FactoryList .sNext:hover{background-color: rgba(251,185,0, 0.9);}
.FactoryList .smallImg{margin: 0 ;display: inline;width: 305px; height: 460px; overflow: hidden;}
.FactoryList .smallImg ul{overflow:hidden; zoom:1;}
.FactoryList .smallImg li{text-align:center; cursor: pointer; zoom:1;width: 305px; background-color: rgba(251,185,0, 0.9); height: 140px; margin-bottom: 20px;}
.FactoryList .smallImg img{width: 305px;height: 140px; opacity:1; filter:alpha(opacity=100);}
.FactoryList .smallImg .on img{ opacity:0.5; filter:alpha(opacity=50);}


@media screen and (max-width:1440px){

.FactoryList{ width: 1080px; height: 370px; margin: 70px auto 0; position: relative; overflow: hidden;}
.FactoryList .left{ width: 805px; height: 370px; position: relative;}
.FactoryList .bigImg{ width: 805px; height: 370px; position: relative; overflow: hidden;}
.FactoryList .bigImg li {width: 805px;height: 370px; position: relative; }
.FactoryList .bigImg li img{width: 805px;height: 370px;  position: relative; z-index: 1;}
.FactoryList .smallScroll{height: 370px; position: relative; overflow: hidden; width: 240px;}
.FactoryList .smallImg{width: 240px; height: 370px; overflow: hidden;}
.FactoryList .smallImg li{width: 240px; background-color: rgba(251,185,0, 0.9); height: 110px; margin-bottom: 20px;}
.FactoryList .smallImg img{width: 240px;height: 110px; opacity:1; filter:alpha(opacity=100);}


}

/* pageContact */
.pageContact{ width: 100%; padding: 70px 0; margin: auto;}
.pageContact .left{ width: 400px; height: 330px; padding: 50px 30px; background: url(../images/contact.jpg) center center no-repeat; overflow: hidden;}
.pageContact .left dl{ float: left; margin: 15px 0; width: 100%;}
.pageContact .left dl dt{ float: left; width: 20px; height: 30px; background: url(../images/contactIocn.png) no-repeat;}
.pageContact .left dl:nth-child(1) dt{ background-position: 0 0;}
.pageContact .left dl:nth-child(2) dt{ background-position: -20px 0;}
.pageContact .left dl:nth-child(3) dt{ background-position: -40px 0;}
.pageContact .left dl dd{ float: right; width: 365px; color: #fff; }
.pageContact .left dl dd span{ font-size: 18px; line-height: 30px; font-weight:bold ;}
.pageContact .left dl dd p{ font-size: 16px;  line-height: 24px;}
.pageContact .left dl img{width: 120px; margin:10px 20px 0 20px;}
.pageContact .right{ width: 920px;}
.pageContact .top{ width: 220px; position: relative; font-size: 30px; color: #333;  margin:20px 0  ; text-align: left; font-weight: bold; border-bottom: solid 1px #e5e5e5; padding-bottom: 15px;}
.pageContact .top::after{ content:""; width: 50px; position: absolute; height: 5px; background-color: #fbb900;left: 0; margin:0 0 -3px 0; bottom: 0;  z-index: ;}

.pageContact .right form{ width: 100%; margin: 50px auto;}
.pageContact .right .row{ float: left; width: 100%; margin-bottom: 25px;}
.pageContact .right .row p{  float:left; display:block; margin-left: 25px; }
.pageContact .right .row p:first-child{ margin-left: 0;}
.pageContact .right label{ position:relative; display:block; }
.pageContact .right label span{ position:absolute; left:15px; top:0; line-height: 50px; font-size:16px; color:#666;}
.pageContact .right .txt{ border:0; padding:11px 15px; height: 28px; border-radius: 5px; overflow: hidden; font-size: 16px; line-height: 28px; background:#edf1f4; color: #666;}
.pageContact .right .txt:focus{ padding:11px 15px; background:rgba(251,185,0, 0.1);}
.pageContact .right .txt.w1{ width:260px;  }
.pageContact .right .txt.w2{ width:890px; height: 120px; }
.pageContact .right .btn{ width: 210px; height: 45px; font-size: 18px; line-height: 45px; color: #fbb900; border: 0; border-radius: 5px; overflow: hidden; background-color: #333; cursor: pointer;}
.pageContact .right .btn:hover{ background-color: #fbb900; color: #333;}


@media screen and (max-width:1440px){
.pageContact .right{ width: 670px;}
.pageContact .right .row{ float: left; width: 100%; margin-bottom: 20px;}
.pageContact .right .row p{ float:left; display:block; margin-left: 20px; }
.pageContact .right .txt.w1{ width:180px; }
.pageContact .right .txt.w2{ width:640px; height: 120px; }



}

/* pageMap */
.pageMap{ width: 100%; height: 600px; margin: auto; position: relative;}
.pageMap #mapall{ width: 100%; height: 600px;}


/* pageNews */
.pageNews{ width: 100%; padding: 50px 0;}
.pageNews ul{ width: 1480px; margin: 0 -20px;}
.pageNews li{ float: left; width: 330px; margin:20px; }
.pageNews li .img{ width: 330px; height: 190px; overflow: hidden;}
.pageNews li .img img{  width: 330px; height: 190px; transition: all 0.8s ease;}
.pageNews li .cont{ width: 330px; height: 120px; overflow: hidden; position: relative;  padding: 15px 0; }
.pageNews li .cont::after{ content: ''; width: 100%; border-bottom: solid 1px #ddd; position: absolute; z-index: 0; bottom: 0; left: 0; transition: all 0.8s ease;}
.pageNews li .cont .time{ font-size: 16px; width: 100%; color: #666; position: relative; z-index: 1;}
.pageNews li .cont .name{ font-size: 18px; color: #333; font-weight: bold; margin: 10px 0;  position: relative; z-index: 1;}
.pageNews li .cont .con{ font-size: 14px; color: #999; line-height: 22px;  position: relative; z-index: 1;}
.pageNews li:hover img{ transform:scale(1.1); }
.pageNews li:hover .time{ color: #333;}
.pageNews li:hover .name{ color: #fbb900;}
.pageNews li:hover .cont::after{ border-bottom: solid 2px #fbb900;}
.pageNews li:hover .con{ color: #666;}

@media screen and (max-width:1440px){
.pageNews ul{ width: 1220px; margin: 0 -10px;}
.pageNews li{ float: left; width: 285px; margin:10px; }
.pageNews li .img{ width: 285px; height: 165px; overflow: hidden;}
.pageNews li .img img{  width: 285px; height: 165px; transition: all 0.8s ease;}
.pageNews li .cont{ width: 285px; height: 120px; overflow: hidden; position: relative;  padding: 15px 0; }

}

.pageNewsD{ width: 100%; padding: 70px 0; margin: auto;}
.pageNewsD .name{ font-size: 24px; color: #333; line-height: 40px; text-align: center;}
.pageNewsD .time{ width: 100%; border-bottom: dashed 1px #ddd; padding: 10px 0; text-align: center; font-size: 14px; color: #999; }
.pageNewsD .time span{ margin: 0 15px;;}
.pageNewsD .cont{ width: 100%; padding: 30px 0; font-size: 14px; color: #333; line-height: 30px; border-bottom: dashed 1px #ddd; }
.pageNewsD .cont img{ max-width: 100%;}


.pageSearch { width: 100%; margin: auto; padding: 50px 0 0;}
.pageSearch form{ width: 600px; height: 50px;  overflow: hidden; margin: auto; position: relative;}
.pageSearch form .inputBox{ width: 520px; height: 50px; line-height: 50px; border: 0; border-radius: 25px; overflow: hidden; background-color: #333; position: relative; z-index: 1; padding: 0 55px 0 25px; font-size: 14px; color: #fff;}
.pageSearch form .inputBox::-webkit-input-placeholder{color: #fff;font-size: 14px;}
.pageSearch form .inputBox:-moz-placeholder{color: #fff;opacity: 1;font-size: 14px;}
.pageSearch form .inputBox::-moz-placeholder{color: #fff;opacity: 1;font-size: 14px;}
.pageSearch form .inputBox:-ms-input-placeholder{color: #fff;font-size: 14px;}
.pageSearch form .inputBox:focus{ font-size: 14px; color: #fbb900;}
.pageSearch form .searchBox{ width: 20px; height: 20px; background: url(../images/searchIcon.png) center center no-repeat; position: absolute; top:15px ; right: 25px; z-index: 2; border: 0; padding: 0; cursor: pointer; overflow: hidden; line-height:999px;}
.pageSearch form .searchBox:hover{ background: url(../images/searchIcon1.png) center center no-repeat; }


/* pageProduct */
.pageProduct{ width: 100%; margin: auto;}
.pageProduct li{ float: left; width: 100%; padding: 70px 0;}
.pageProduct li .img{ width: 660px;  overflow: hidden;}
.pageProduct li .img img{ width: 100%;}
.pageProduct li .cont{ width: 660px; margin-top: 40px; padding: 0;}
.pageProduct li .cont .name a{ font-size: 24px; color: #333; line-height: 40px; font-weight: bold;}
.pageProduct li .cont .name a:hover{ color: #fbb900;}
.pageProduct li .cont .con{ width: 100%; font-size: 14px; color: #666; line-height: 30px; margin: 30px 0;}
.pageProduct li .cont .con img{ max-width: 100%;}
.pageProduct li .link{ width: 100%;overflow: hidden;}
.pageProduct li .link p{ font-size: 16px; font-weight: bold;  color: #333; margin-bottom: 15px;}
.pageProduct li .link a{ float: left; display: block; margin: 0 15px 15px 0;  overflow: hidden; padding: 10px 20px; border: solid 1px #ccc; font-size: 14px; color: #333;}
.pageProduct li .link a:hover{ background-color: #fbb900; color: #333; border-color: #fbb900;}
.pageProduct li:nth-child(odd){ background-color: #fff;}
.pageProduct li:nth-child(odd) .cont{ float: left; padding-right: 80px;}
.pageProduct li:nth-child(odd) .img{ float: right;}
.pageProduct li:nth-child(even){ background-color: #f5f5f5;}
.pageProduct li:nth-child(even) .cont{ float: right; padding-left: 80px;}
.pageProduct li:nth-child(even) .img{ float: left;}


.pageProducts{ width: 100%; margin: auto; padding: 60px 0;}
.pageProducts ul{ width: 1460px; margin: 0 -10px;}
.pageProducts ul{ padding:0; width: 1460px;margin: 0 -10px;  zoom:1;  }
.pageProducts li{float: left; width: 345px; height: 265px; margin: 10px;  position: relative; overflow: hidden;}
.pageProducts li .img{ width: 345px; height: 265px; overflow: hidden; position: relative; z-index: 1;}
.pageProducts li .img img{ width: 345px; height: 265px; transition: all 0.8s ease;}
.pageProducts li .cont{ width: 305px; padding: 10px 20px; height: 245px; text-align: center; background: rgba(251,185,0, 0.9) url(../images/ewellixIcon.png) center center no-repeat; position: absolute; top: 0; left: 0; z-index: 2;  transform: translateY(215px);  transition: all 0.8s ease;}
.pageProducts li .cont .name{ transition: all 0.8s ease;}
.pageProducts li .cont .name a{ font-size: 16px; color: #333; line-height: 30px; }
.pageProducts li .cont .name a:hover{ font-weight: bold;}
.pageProducts li .cont .more a{ display: block; padding: 0 30px ; font-size: 16px; margin:30px auto 0; text-align: left; width: 100px; line-height: 40px; color: #333; border: solid 2px #333; background: url(../images/more2.png) right 30px center no-repeat;}
.pageProducts li .cont .more a:hover{ color: #fbb900; background:#333 url(../images/more3.png) right 30px center no-repeat;}
.pageProducts li:hover img{ transform:scale(1.1);}
.pageProducts li:hover .cont{ transform: translateY(0); opacity: 1;}
.pageProducts li:hover .name { margin:80px auto 0;}


@media screen and (max-width:1440px){
.pageProduct li .img{ width: 560px;  overflow: hidden;}
.pageProduct li .img img{ width: 100%;}
.pageProduct li .cont{ width: 560px; margin-top: 30px;}


.pageProducts ul{ width: 1220px; margin: 0 -10px;}
.pageProducts li{float: left; width: 285px; height: 220px; margin: 10px;  position: relative; overflow: hidden;}
.pageProducts li .img{ width: 285px; height: 220px; overflow: hidden; position: relative; z-index: 1;}
.pageProducts li .img img{ width: 285px; height: 220px; transition: all 0.8s ease;}

.pageProducts li .cont{ width: 245px; padding: 10px 20px; height: 200px;  transform: translateY(170px);}
.pageProducts li:hover .name { margin:50px auto 0;}


}


.pageProductD{ width: 100%; padding: 70px 0;}
.pageProductD .info{ width: 100%;}
.pageProductD .info .left{ width: 560px; height: 430px; overflow: hidden;}
.pageProductD .info .left img{ width: 560px; height: 430px;}
.pageProductD .info .right{ width: 800px;}
.pageProductD .info .right .name{ font-size: 26px; color: #333; padding: 15px 0; width: 100%; line-height: 30px; position: relative;}
.pageProductD .info .right .name::after{ content: ''; width: 60px; height: 4px; position: absolute; left: 0; bottom: 0; background-color: #fbb900;}
.pageProductD .info .right .adv{  width: 100%; margin-top: 20px; font-size: 14px; line-height: 30px; color: #333; overflow: hidden;}
.pageProductD .top{ width: 100%; height: 50px; background-color: #f5f5f5; margin: 40px 0;}
.pageProductD .top span{float: left; padding: 0 30px; line-height: 50px; font-size: 18px; background-color: #333; color: #fbb900;}
.pageProductD .cont{ width: 100%;  font-size: 14px; line-height: 30px; border-bottom: dashed 1px #ddd; color: #333; overflow: hidden;}
.pageProductD .cont img,.pageProductD .info .right .adv img{ max-width: 100%;}


/* pageRelated */
.pageRelated{ width: 100%; padding: 70px 0; background-color: #f9f9f9;}
.pageRelated ul{ width: 1460px; margin: 0 -10px; padding-top: 50px;}
.pageRelated li{float: left; width: 345px; height: 265px; margin: 10px;  position: relative; overflow: hidden;}
.pageRelated li .img{ width: 345px; height: 265px; overflow: hidden; position: relative; z-index: 1;}
.pageRelated li .img img{ width: 345px; height: 265px; transition: all 0.8s ease;}
.pageRelated li .cont{ width: 305px; padding: 10px 20px; height: 245px; text-align: center; background: rgba(251,185,0, 0.9) url(../images/ewellixIcon.png) center center no-repeat; position: absolute; top: 0; left: 0; z-index: 2;  transform: translateY(215px);  transition: all 0.8s ease;}
.pageRelated li .cont .name{ transition: all 0.8s ease;}
.pageRelated li .cont .name a{ font-size: 16px; color: #333; line-height: 30px; }
.pageRelated li .cont .name a:hover{ font-weight: bold;}
.pageRelated li .cont .more a{ display: block; padding: 0 30px ; font-size: 16px; margin:30px auto 0; text-align: left; width: 100px; line-height: 40px; color: #333; border: solid 2px #333; background: url(../images/more2.png) right 30px center no-repeat;}
.pageRelated li .cont .more a:hover{ color: #fbb900; background:#333 url(../images/more3.png) right 30px center no-repeat;}
.pageRelated li:hover img{ transform:scale(1.1);}
.pageRelated li:hover .cont{ transform: translateY(0); opacity: 1;}
.pageRelated li:hover .name { margin:80px auto 0;}



@media screen and (max-width:1440px){
    
.pageRelated ul{ width: 1220px; margin: 0 -10px;}
.pageRelated li{float: left; width: 285px; height: 220px; margin: 10px;  position: relative; overflow: hidden;}
.pageRelated li .img{ width: 285px; height: 220px; overflow: hidden; position: relative; z-index: 1;}
.pageRelated li .img img{ width: 285px; height: 220px; transition: all 0.8s ease;}
.pageRelated li .cont{ width: 245px; padding: 10px 20px; height: 200px;  transform: translateY(170px);}
.pageRelated li:hover .name { margin:50px auto 0;}

}